<html>
<head>
	<script type="text/javascript" src="resources/ejemplo.js"></script>
	<script type="text/javascript" src="resources/jquery-1.8.1.js"></script>
	<script type="text/javascript">
		$(function() {
			$("<p>Otro Parrafo</p>").insertAfter("#pId");
		});
	</script>
	<link type="text/css" rel="stylesheet" href="resources/ejemplo.css"></link>
</head>
<body>
	<h2>Introducci&oacute;n a JavaScript!</h2>
	<hr/>
	<form id="formId">
		Seleccione Opci&oacute;n:
		<select id="selectId" onmouseover="agregarElemento()"></select>
	</form>
	<hr/>
	<input type="button" value="Ejemplo If-Else" onclick="ejemploIfElse()" />
	<input type="button" value="Ejemplo Switch" onclick="ejemploSwitch()" />
	<input type="button" value="Ejemplo For" onclick="ejemploFor()" />
	<input type="button" value="Ejemplo For-In" onclick="ejemploForIn()" />
	<input type="button" value="Ejemplo While" onclick="ejemploWhile()" />
	<input type="button" value="Ejemplo Do-While" onclick="ejemploDoWhile()" />
	<hr/>
	<input type="button" value="Ejemplo Try-Catch" onclick="ejemploTryCatch()" />
	<hr/>
	<input type="button" value="Ejemplo Funciones String" onclick="ejemploFuncionesString()" />
	<input type="button" value="Ejemplo Funciones Date" onclick="ejemploFuncionesDate()" />
	<input type="button" value="Ejemplo Funciones Array" onclick="ejemploFuncionesArray()" />
	<div id="divId">
		<b>Texto de Ejemplo</b>
	</div>
	<p id="pId" class="claseParrafo">Parrafo de Ejemplo</p>
</body>
</html>
